<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    姓名：<input type="text" id="username">
    <span id="uSpan"></span>
    <br>
    密码：<input type="password" id="pwd">
    <br>
    <input type="submit" id="submit" value="注册">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<!--JQuery的通用方式实现AJAX-->
<script>
    $.ajax({
        //请求资源路径
        url:"/demo",
        //请求参数
        type:"POST",
        //
        dataType:"json",
        //请求成功后调用的回调函数
        success:function (data) {
            //将响应的数据显示到span标签
            // $("#uSpan").html(data);
            // alert(data);
            alert(data[0].username);
            alert(data[1].pwd);
        },
        //请求失败后调用的回调函数
        error:function () {
            alert("操作失败...");
        }
    });
</script>
</html>